<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        .container{
            width: 1080px;
            margin-top: 2%;
            margin-left: 20%;
            text-indent: 10px;

        }
        .header h3{
            /* text-indent: 10px; */
            border-bottom: 2px solid greenyellow;
            margin-bottom: 10px;
        }
        .header h5{
            /* text-indent: 10px; */
            margin-bottom: 10px;
        }
        .body{
            width: 100%;
        }
        .body table tr .left{
            width: 200px;
        }
        .body table tr .right{
            width: 540px;
            /* text-align: left; */
        }
        .body input,select{
            margin-top: 10px;
            margin-left: 2%;
            text-align:left;
            display: inline-block;
        }
        .body input[type="text"],select{
            width: 160px;
        }
        .body tr:last-child{
            text-indent: 100px;
        }
        .form-btn button{
            background: blue;
            width: 100px;
            height: 40px;
            font-size: 20px;
            color: red;
            margin-top: 20px;
            margin-left: 10px;

        }
    </style>
</head>
<body>
    <div class="container">
        <div class="header">
            <h3>个人信息</h3>
            <h5>修改个人信息(*为必填项)</h5>
        </div>
        <form action="#" class="body">
            <table>
                <tr>
                    <td class="left">
                        <sup><font color="red">*</font></sup>
                        <label for="name">姓名</label>
                    </td>
                    <td class="right"><input type="text"></td>
                </tr>
                <tr>
                    <td class="left">
                        <sup><font color="red">*</font></sup>
                        <label for="sex">性别</label>
                    </td>
                    <td class="right">
                        <input type="radio" checked="checked" name="1"> 男
                        <input type="radio" name="1"> 女
                    </td>
                </tr>
                <tr>
                    <td class="left">
                        <sup><font color="red">*</font></sup>
                        <label for="date">出生日期</label>
                    </td>
                    <td class="right">
                        <input type="date">
                    </td>
                </tr>
                <tr>
                    <td class="left">
                        <sup><font color="red">*</font></sup>
                        <label for="year">参加工作年份</label>
                    </td>
                    <td class="right">
                        <select name="" id="">
                            <option value="无工作经验">无工作经验</option>
                            <option value="无工作经验">有工作经验</option>
                            <option value="无工作经验">www作经验</option>
                            <option value="无工作经验">无工作经验</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td class="left">
                        <sup><font color="red">*</font></sup>
                        <label for="city">户口所在地</label>
                    </td>
                    <td class="right">
                        <select name="" id="">
                            <option value="">沈阳</option>
                            <option value="">黑龙江</option>
                            <option value="">江苏</option>
                            <option value="">湖南</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td class="left">
                        <sup><font color="red">*</font></sup>
                        <label for="city">现居住城市</label>
                    </td>
                    <td class="right">
                        <select name="" id="">
                            <option value="">沈阳</option>
                            <option value="">黑龙江</option>
                            <option value="">江苏</option>
                            <option value="">湖南</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td class="left">
                        <sup><font color="red">*</font></sup>
                        <label for="tel">联系方式</label>
                    </td>
                    <td class="right">
                        <input type="text">
                        <a href="#">修改</a>
                    </td>
                </tr>
                <tr>
                    <td class="left">
                        <sup><font color="red">*</font></sup>
                        <label for="e-mail">电子邮箱</label>
                    </td>
                    <td class="right">
                        <input type="email">
                        <a href="#">修改</a>
                    </td>
                </tr>
                <tr>
                    <td class="left">
                        <label for="huny">婚姻状况</label>
                    </td>
                    <td class="right">
                        <input type="radio" name="2"> 未婚
                        <input type="radio" name="2"> 已婚
                        <input type="radio" name="2"> 离异
                    </td>
                </tr>
                <tr>
                    <td class="left">
                        <label for="ccc">国籍</label>
                    </td>
                    <td class="right">
                        <select name="" id="">
                            <option value="">中国大陆</option>
                            <option value="">中国香港</option>
                            <option value="">中国澳门</option>
                            <option value="">中国台湾</option>
                            <option value="">国外</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td class="left">
                        <label for="ccc">海外工作/学习经历</label>
                    </td>
                    <td class="right">
                        <input type="radio" name="3"> 有
                        <input type="radio" name="3"> 无
                    </td>
                </tr>
                <tr>
                    <td class="left">
                        <label for="ccc">政治面貌</label>
                    </td>
                    <td class="duo right"> 
                        <input type="radio" name="4"> 中共党员(含预备党员)
                        <input type="radio" name="4"> 团员
                        <input type="radio" name="4"> 群众
                        <input type="radio" name="4"> 民主党派
                        <input type="radio" name="4"> 无党派人士
                    </td>
                </tr>
                <tr>
                    <td colspan="2" class="btn">
                        <div class="form-btn">
                            <button class="btn1" type="reset">保存</button>
                            <button class="btn2" type="reset">返回</button>
                        </div>
                    </td>
                </tr>
        </table>
        </form>
    </div>
</body>
</html>